<template lang="">
    <div class="main">
        <van-nav-bar title="标签列表" />
        <div class="add-tag" @click="createTag">添加标签</div>
        <div class="list">
            <div class="item">
                <div class="item-title" @click="editTag">高血压(20)</div>
                <div class="item-names" @click="tagItem">
                    唐琴、李维、文颂娴、刘德华、文咏珊、李克力、周家洛.
                </div>
            </div>
            <div class="item">
                <div class="item-title">高血压(20)</div>
                <div class="item-names" @click="tagItem">
                    唐琴、李维、文颂娴、刘德华、文咏珊、李克力、周家洛.
                </div>
            </div>
            <div class="item">
                <div class="item-title">高血压(20)</div>
                <div class="item-names" @click="tagItem">
                    唐琴、李维、文颂娴、刘德华、文咏珊、李克力、周家洛.
                </div>
            </div>
        </div>

    </div>
</template>
<script>
import { ref, reactive } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { getItem, getItemCate, addItemCate } from "../api/index"
import { getUserInfo, log, LOCAL_USER } from "../utils/user"
import { showToast, showConfirmDialog } from 'vant';
export default {
    setup() {
        const router = useRouter()
        const route = useRoute()
        const userInfo = getUserInfo();
        const createTag =  () => {
            router.push("/TagCreate")
        }
        const editTag = () => {
            router.push("/TagName")
        }
        const tagItem = () => {
            router.push("/TagItem")
        }
        return {
            createTag,
            editTag,
            tagItem
        }
    }
}
</script>
<style scoped>
.main{
    background: #F5F7FB;
    height: 100vh;
}
.add-tag{
    color: #49B9AD;
    font-weight: 250;
    font-size: 18px;
    margin: 15px;
}
.list{
    background: #FFFFFF;
}
.item{
    border-bottom: 1px solid #E3E4E5;
    padding: 15px;
}
.item-title{
    margin-bottom: 15px;
}
</style>